<%--
    Document   : agregarObjetoPerdido
    Created on : 16/11/2010, 04:23:47 PM
    Author     : rafael
--%>
<%@ include file='../Templates/security.jsp' %>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<h1 class="title">Gestión de Empleados</h1>
<p class="meta"></p>
<div class="entry">
    <center>
        <h2>Consultar Personal</h2>
        <form id="consultarPersonalForm" action="javascript:void(0);">
            <br>
            <p>Rellene los campos de búsqueda</p>
            <br>
            <table  align="center" border="0">
                <tr>
                    <td >Cédula:</td>
                    <td>
                        <select id="nacionalidad" name="voe" class="filter">
                            <option value="V">V</option>
                            <option value="E">E</option>
                        </select>
                        &nbsp;-&nbsp;
                        <input type='text' id="ced" size="17" maxlength="12" name="ci" class="filter"/>
                    </td>
                </tr>
                <tr>
                    <td >UsbId:</td>
                    <td>
                        <input type='text' id="UID" size="25" maxlength="35" name="usbid" class="filter"/>
                    </td>
                </tr>
                <tr>
                    <td >Nombre:</td>
                    <td>
                        <input type='text' id="name1" size="25" maxlength="20" name="nombre1" class="filter"/>
                    </td>
                </tr>
                <tr>
                    <td >Apellido:</td>
                    <td>
                        <input type='text' id="ap1" size="25" maxlength="20" name="apellido1" class="filter"/>
                    </td>
                </tr>
                <tr>
                    <td >Grupo:</td>
                    <td><select id="Grupos" name="grupo" class="filter"></select></td>
                </tr>
            </table>
            <br>
            <html:button property="" value="  Mostrar Todo  " onclick="consultarPersonalTodo()"/>
            <html:button property="" value="Consultar" styleId="consultarForm" onclick="consultarPersonal()" styleClass="oculta"/>
            <html:button property="" styleClass="back" value="  Atrás  "/>
            <html:reset property="" styleId="resetForm" value="Limpiar" styleClass="oculta"/>
        </form>
        <br><div style="clear: both;">&nbsp;</div><br>
        <div id="obs"></div><br>
        <div id="consultarPersonal">
            <table cellpadding="0" cellspacing="0" border="0" id="table" class="sortable"  >
                <thead id="head">
                    <tr>
                        <th><h5><div class="ordenar" onclick="orden('cedula');" >Cedula</div></h5></th>
                        <th><h5><div class="ordenar" onclick="orden('nombre1');" >Nombre</div></h5></th>
                        <th><h5><div class="ordenar" onclick="orden('apellido1');" >Apellido</div></h5></th>
                        <th><h5><div class="ordenar" onclick="orden('id_grupo');" >Grupo</div></h5></th>
                        <th><h5> Detalles </h5></th>
                        <th><h5> Modificar </h5></th>
                        <th class="detalle"><h5> Detalles </h5></th>
                    </tr>
                </thead>
                <tbody id="resultado"></tbody>
            </table>
            <%@ include file="../Templates/paginasTabla.jsp" %>
            <div id="detallesPersona"></div>
        </div>
    </center>
</div>
<div style="clear: both;">&nbsp;</div>
<script type="text/javascript">
    $('.filter').change(function(){
        offset = 0;
        consultarPersonal();
    });

    $(function(){
        $("#consultarPersonal").hide();
        listaGrupos();
        consultarPersonal();
        $('#detallesPersona').dialog({
            autoOpen: false,
            title: 'Detalles del Empleado',
            hide: "explode"
        });
    });

    function consultarPersonal(){
        limit = $('#limit').val();
        $.ajax({
            type: 'POST',
            url:"consultarPersonal.do?limit="+limit+"&offset="+offset+"&order="+order+"&asc="+asc,
            data: $('#consultarPersonalForm').serialize(),
            dataType: 'json',
            success: proceessConsultarPersonal
        });
    }

    function proceessConsultarPersonal(data) {
        $('#resultado').empty();
        $.each(data.personal , function(i,item){
            if ( (i % 2) == 0) fila = $("<tr bgcolor='#fff' id='persona_"+item.ci+"' class='personaRow'>");
            else fila = $("<tr bgcolor='#ecf2f6' id='persona_"+item.ci+"' class='personaRow'>");

            fila.append($("<td>").append(item.ci));
            fila.append($("<td>").append(item.nombre1 + " "+item.nombre2));
            fila.append($("<td>").append(item.apellido1+" "+item.apellido2));
            fila.append($("<td>").append(item.grupo));

            det = "<img src='style/images/detalles.png' alt='Ver Detalles' width='20' height='20' class='showDetails'>";
            fila.append($("<td>").append(det));

            mod = "<img onclick='return personaM("+item.ci+");' src='style/images/table_edit1.png' alt='Modificar AST' width='20' height='20'>";
            fila.append($("<td>").append(mod));

            detalle = "<p><b>Cedula: </b>"+item.ci+"</p>";
            detalle += "<p><b>Usbid: </b>"+item.usbid+"</p>";
            detalle += "<p><b>Telefono: </b>"+item.telefono+"</p>";
            detalle += "<p><b>Email: </b>"+item.email+"</p>";
            detalle += "<p><b>Categoria: </b>"+item.tipoCU+"</p>";
            detalle += "<p><b>Puesto: </b>"+item.nombrePuesto+"</p>";
            detalle += "<p><b>Cargo: </b>"+item.nombreCargo+"</p>";
            detalle += "<p><b>Sede: </b>"+item.sede+"</p>";
            detalle += "<p><b>Funcion: </b>"+item.funcion+"</p>";
            
            fila.append($("<td id='detallePersona_"+item.ci+"' class='detalle'>").append(detalle));
            
            $('#resultado').append(fila);
        });
        $('.detalle').hide();

        $('.showDetails').click(function(){
            nro = $(this).parent().parent().attr('id').replace('persona_','');
            detalle = $('#detallePersona_'+nro).html();
            $('#detallesPersona').html(detalle);
            $('#detallesPersona').dialog("open");
        });

        
        tam = data.tam
        if(tam==0){
            $("#obs").html('<h4>No hay resultados que coincidan con los parametros dados.</h4>');
            $("#consultarPersonal").hide();
        } else {
            $("#obs").html('OBSERVACIÓN: Para ordenar la tabla por un campo específico, presionar el nombre de la columna.');
            $("#currentpage").html((offset/limit)+1);
            $("#pagelimit").html(Math.ceil(tam/limit));
            $("#consultarPersonal").show();
        }
    }

    function consultarPersonalTodo(){
        $('#resetForm').click();
        $('#Espacios').empty();
        $('#novedadEspecifica').empty();
        consultarPersonal();
    }



    /*****************************************/

    function modificar(voe,it){

        //clean();
        sendFormParam('modificarPersonaForm',"mostrarModificarPersona.do?voe="+voe+"&ced="+it,'center');
    }

    function eliminar(voe,it){
        //clean();
        if (confirm("Esta seguro que desea desincorporar del sistema a este Empleado?")){
            sendFormParam('eliminarPersonalForm',"EliminarPersonal.do?voe="+voe+"&ced="+it,'center');
        }
    }

    function detalle(voe,it){
        sendFormParam('modificarPersonaForm',"detalleEmpleado.do?voe="+voe+"&ced="+it,'center');
    }

    
    /*

                    if (item.voe == "V"){
                        string +=
                            "<td id='td_edit' title='Modificar Datos' onclick='modificar(0,"
                            +item.ci+");'/>";
                        string +=
                            "<td id='td_erase' title='Desincorporar Personal' onclick='eliminar(0,"
                            +item.ci+");'/>";
                        string +=
                            "<td id='td_detalle' title='Ver Detalle' onclick='detalle(0,"
                            +item.ci+");'/>";
                    }else{
                        string +=
                            "<td id='td_edit' title='Modificar Datos' onclick='modificar(1,"
                            +item.ci+");'/>";
                        string +=
                            "<td id='td_erase' title='Desincorporar Personal' onclick='eliminar(1,"
                            +item.ci+");'/>";
                        string +=
                            "<td id='td_detalle' title='Ver Detalle' onclick='detalle(1,"
                            +item.ci+");'/>";
                    }
                    string +=
                        "</tr>";
                    fila++;
                    $('#resultado').append(string)

     */
</script>